<template>
    <div class="pageheader">
    流程概览
    </div>
    <section class="process-center-content">
    <com-timestatistical :msg.sync="msg"></com-timestatistical>
    <com-totle-view data-url='care/site/deparment/flow/dashboard' :msg.sync="msg" :kind.sync="kind"></com-totle-view>
    <Com-rank :msg.sync="msg" :kind.sync="kind" rankurl="care/site/deparment/flow/processefficiency" :title="title" firchartsurl="care/site/deparment/flow/processtime" lastchartsurl="care/site/deparment/flow/deptprocessflow"></Com-rank>
    </section>
</template>
<script>
import ComTimestatistical from '../../components/timestatistical.vue';
import ComTotleView from '../../components/totleView.vue';
import ComRank from '../../components/rank.vue';
export default {
  components: {
    ComTimestatistical,
    ComTotleView,
    ComRank
  },
  data () {
    return {
      msg:'1',
      kind:'',
      title:[{"name":"流程名称"},{"name":"耗时"}]
    }
  },
  created () {
    this.kind = this.$route.params.deptId;
  }
}
</script>
<style scoped>
div.row {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.pageheader{
  font-size: 18px;
  color: #333333;
}
.process-center-content{
  padding: 16px 24px;
}
</style>